<!DOCTYPE html>
<html>

	<head>
		<meta charset="{CHARSET}">
		<title></title>
		<link rel="stylesheet" href="layui/css/layui.css">

	</head>

	<body>
		<div align="center">
			<div class="layui-card">
				<div class="layui-card-header"style="font-size: 25px;" >天气预报</div>
				<div class="layui-card-body">
				<iframe width="637" scrolling="no" height="50" frameborder="0"
					 allowtransparency="true" src="//i.tianqi.com/index.php?c=code&id=12&icon=1&num=5&site=12">
				</iframe>
				</div>
			</div>
		</div>

		<div class="layui-row layui-col-space5">
			<!--快捷方式-->
			<div class="layui-col-md4">

				<div class="layui-card">
					<div class="layui-card-header">
						<h3>快捷方式</h3></div>
					<div class="layui-card-body">
						<div class="layui-row layui-col-space10" align="center">
							<div class="layui-col-md3 ">
								<div class="layui-card-body layui-bg-gray">
									<span class="layui-icon layui-icon-console" style="font-size: 35px"></span>
								</div>
								<p>主页一</p>
							</div>
							<div class="layui-col-md3">
								<div class="layui-card-body layui-bg-gray">
									<span class="layui-icon layui-icon-chart" style="font-size: 35px"></span>
								</div>
								<p>主页二</p>
							</div>
							<div class="layui-col-md3 ">
								<div class="layui-card-body layui-bg-gray">
									<span class="layui-icon layui-icon-template-1" style="font-size: 35px"></span>
								</div>
								<p>弹出</p>
							</div>
							<div class="layui-col-md3">
								<div class="layui-card-body layui-bg-gray">
									<span class="layui-icon layui-icon-chat" style="font-size: 35px"></span>
								</div>
								<p>聊天</p>
							</div>
							<div class="layui-col-md3">
								<div class="layui-card-body layui-bg-gray">
									<span class="layui-icon layui-icon-find-fill" style="font-size: 35px"></span>
								</div>
								<p>进度条</p>
							</div>
							<div class="layui-col-md3 ">
								<div class="layui-card-body layui-bg-gray">
									<span class="layui-icon layui-icon-survey" style="font-size: 35px"></span>
								</div>
								<p>工单</p>
							</div>
							<div class="layui-col-md3 ">
								<div class="layui-card-body layui-bg-gray">
									<span class="layui-icon layui-icon-user" style="font-size: 35px"></span>
								</div>
								<p>用户</p>
							</div>
							<div class="layui-col-md3 ">
								<div class="layui-card-body layui-bg-gray">
									<span class="layui-icon layui-icon-set-sm" style="font-size: 35px"></span>
								</div>
								<p>设置</p>
							</div>

						</div>
						<div class="layui-row">
							<div class="layui-col-md3"></div>
							<div class="layui-col-md3"></div>
							<div class="layui-col-md3"></div>
							<div class="layui-col-md3"></div>
						</div>
					</div>
				</div>
			</div>
			<!--代办事项-->
			<div class="layui-col-md4">
				<div class="layui-card">
					<div class="layui-card-header">
						<h3>待办事项</h3></div>
					<div class="layui-card-body">
						<div class="layui-row layui-col-space5">
							<div class="layui-col-md6">
								<div class="layui-card-body layui-bg-gray ">
									<p>待审评论</p>
									<h1 style="color:#5FB878">66</h1>
								</div>
							</div>
							<div class="layui-col-md6">
								<div class="layui-card-body layui-bg-gray ">
									<p>待审帖子</p>
									<h1 style="color:#5FB878">12</h1>
								</div>
							</div>
							<div class="layui-col-md6">
								<div class="layui-card-body layui-bg-gray ">
									<p>待审商品</p>
									<h1 style="color:#5FB878">99</h1>
								</div>
							</div>
							<div class="layui-col-md6">
								<div class="layui-card-body layui-bg-gray ">
									<p>待发货</p>
									<h1 style="color:#5FB878">20</h1>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!--版本信息-->
			<div class="layui-col-md4">
				<div class="layui-card">
					<div class="layui-card-header">
						<h3>版本信息</h3></div>
					<div class="layui-card-body">
						<table class="layui-table">
							<tr>
								<td>当前版本</td>
								<td>v1.2.3pro
									<a class="text-info">更新日志</a>
								</td>
							</tr>
							<tr>
								<td>基于框架</td>
								<td>layui-v2.4.5</td>
							</tr>
							<tr>
								<td>主要特色</td>
								<td>单页面/响应式/清爽/极简</td>
							</tr>
							<tr>
								<td>获取渠道</td>
								<td>
									<a class="layui-btn layui-btn-sm layui-btn-warm">获取授权</a>
									&nbsp;
									<a class="layui-btn layui-btn-sm">立即下载</a>
								</td>
							</tr>
						</table>
					</div>
				</div>
			</div>
		</div>

		<div class="layui-row layui-col-space5">
			<div class="layui-col-md6">
				<div class="layui-card">
					<div class="layui-card-header">柱状图</div>
					<div class="layui-card-body">
						<div id="bar" style="height: 300px; width: 100%;">
						</div>
					</div>
				</div>
			</div>

			<div class="layui-col-md6">
				<div class="layui-card">
					<div class="layui-card-header">饼状图</div>
					<div class="layui-card-body">
						<div id="pie" style="height: 300px; width: 100%;">
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="layui-row">
			<div class="layui-col-md4">
				<div class="layui-crad">
					<div class="layui-card-header">
						基础数据
					</div>
					<div class="layui-crad-body">
						<table class="layui-table">
							<tr>
								<td>aaaa</td>
								<td>aaaa</td>
								<td>aaaa</td>
								<td>aaaa</td>
							</tr>
							<tr>
								<td>aaaa</td>
								<td>aaaa</td>
								<td>aaaa</td>
								<td>aaaa</td>
							</tr>
							<tr>
								<td>aaaa</td>
								<td>aaaa</td>
								<td>aaaa</td>
								<td>aaaa</td>
							</tr>
							<tr>
								<td>aaaa</td>
								<td>aaaa</td>
								<td>aaaa</td>
								<td>aaaa</td>
							</tr>
							<tr>
								<td>aaaa</td>
								<td>aaaa</td>
								<td>aaaa</td>
								<td>aaaa</td>
							</tr>
						</table>
					</div>
				</div>
			</div>

			<div class="layui-col-md8">
				<div class="layui-card">
					<div class="layui-card-header">仪表盘</div>
					<div class="layui-card-body">
						<div id="gauge" style="height: 300px; width: 100%;">
						</div>
					</div>
				</div>
			</div>

		</div>

	</body>
	<script src="js/welcome.js"></script>
	<script type="text/javascript" src="echarts/echarts.js"></script>

</html>